@import "public.css";
.top{
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.top>.logo{
    width: 20%;
    height: 100%;
    position: relative;
}
.top>.logo>.cat{
    height: 50px;
    position: absolute;
    left: 20px;
}
.top>.nav{
    width: 35%;
    height: 100%;
    justify-content: space-around;
}
.top>.nav>.everyNav{
    font-size: 18px;
    cursor: pointer;
}
.top>.nav>.everyNav:hover{
    color: #d19f4f
}
.top>.user{
    width: 20%;
    height: 100%;
}
.top>.user>.everyUser{
    cursor: pointer;
}
.top>.user>.everyUser:hover{
    color: gainsboro;
}